<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/main.css">
    <script src="../js/jquery-1.8.3.min.js"></script>
</head>
<body>
<!--导航-->
    <header>
    <div class="w-1204">
        <div class="navtop clear">
            <div class="logobox fl">
                <div class="logo fl"></div>
                <div class="name fl">9158充值</div>
            </div>
            <div class="adminbox fl">
                <span>欢迎您，杭州天缘网络技术有限公司</span>
                <a>退出</a>
            </div>
        </div>
        <div class="nav clear">
            <a href="user-order.html" class="active fl">普通用户订单
                <span class="triangle"></span>
            </a>
            <a href="agent-order.html" class="fl">代理商订单</a>
            <a href="user-management.html" class=" fl">用户管理</a>
            <a href="setup.html" class=" fl">充值设置</a>
            <a href="account-management.html" class="fl">账户管理</a>
            <a href="statistics.html" class=" fl">统计报表</a>
        </div>
    </div>
    </header>
<!--弹窗-->
    <div class="alert-box">
    <div class="alert-header">请选择导出日期<span class="close-btn">×</span></div>
    <div class="alert-body">
        <input type="date" value="请选择日期"><span>—</span><input type="date">
        <div class="yes-btn">确定</div>
    </div>
</div>
    <div class="w-1204 mainbox">
        <ul class="order-select">
            <li>待受理</li>
            <li>待支付</li>
            <li>充值成功</li>
            <li>充值失败</li>
        </ul>
        <div class="sortbox">
            <label>手机查询：</label><input type="tel" placeholder="请输入充值手机号" >
            <label>订单查询：</label><input type="text" placeholder="请输入充值订单号">
            <label>用户查询：</label><input type="text" placeholder="请输入用户ID号">
            <lable>筛选日期 :</lable>
            <input type="date"><span>—</span><input type="date">
            <input type="button" value="查询">
        </div>
        <hr>
        <div class="output-btn fr">导出订单</div>
        <table class="order-table">
            <tr >
                <th>创建时间</th><th>订单号</th>
                <th>用户ID</th><th>手机号码</th>
                <th>到帐时间</th><th>运营商</th>
                <th>是否导出</th><th>充值金额</th>
                <th>类型</th><th>支付金额</th>
                <th>支付方式</th><th>状态</th>
                <th class="orange">操作</th>
            </tr>
            <tr >
                <td>2016-12-12 10:10:10</td><td>13367580987</td>
                <td>ggy123456</td><td>13456789087</td>
                <td>24小时</td><td>移动</td>
                <td>未导出</td><td>40元</td>
                <td>话费</td><td>39元</td>
                <td>支付宝</td><td>待受理</td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
            <tr >
                <td></td><td></td><td></td><td></td>
                <td ></td><td></td><td></td><td></td>
                <td></td><td></td><td></td><td></td>
                <td class="orange"><span>已充值</span><span>充值失败</span></td>
            </tr>
        </table>
        <ul class="paging clear">
            <li class="active fl"><a >1</a></li>
            <li class="fl"><a >2</a></li>
            <li class="fl"> <a >3</a></li>
            <li class="fl"> <a >4</a></li>
            <li class="fl"> <a >5</a></li>
            <li class="fl"> <a >6</a></li>
            <li class="fl nextpage"> <a >下一页</a></li>
        </ul>
    </div>
    <script src="../js/main.js"></script>
</body>
</html>